(destructive-action, $destructive_color) {
&.#{$b_type} {
@include button(normal,$b_color, white);
+ outline-color: transparentize($selected_fg_color, 0.7);
&:hover {
@include button(hover,$b_color, white);
}
border-color: #0b1e33;
text-shadow: 0 -1px rgba(0, 0, 0, 0.70353);
icon-shadow: 0 -1px rgba(0, 0, 0, 0.70353);
- box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(238, 238, 236, 0.1); }
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(238, 238, 236, 0.1);
+ outline-color: rgba(255, 255, 255, 0.3); }
.button.suggested-action:hover {
border-style: solid;
color: white;
border-color: #5e0707;
text-shadow: 0 -1px rgba(0, 0, 0, 0.64078);
icon-shadow: 0 -1px rgba(0, 0, 0, 0.64078);
- box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(238, 238, 236, 0.1); }
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(238, 238, 236, 0.1);
+ outline-color: rgba(255, 255, 255, 0.3); }
.button.destructive-action:hover {
border-style: solid;
color: white;
border-color: #1c5187;
text-shadow: 0 -1px rgba(0, 0, 0, 0.54353);
icon-shadow: 0 -1px rgba(0, 0, 0, 0.54353);
- box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px white; }
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px white;
+ outline-color: rgba(255, 255, 255, 0.3); }
.button.suggested-action:hover {
border-style: solid;
color: white;
border-color: #8e0b0b;
text-shadow: 0 -1px rgba(0, 0, 0, 0.56078);
icon-shadow: 0 -1px rgba(0, 0, 0, 0.56078);
- box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px white; }
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px white;
+ outline-color: rgba(255, 255, 255, 0.3); }
.button.destructive-action:hover {
border-style: solid;
color: white;